// 弹性布局 垂直居中。两端对齐
@mixin flex_sc() {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

// 弹性布局 垂直居中。间距对等
@mixin flex_sac() {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

// 弹性布局 垂直向上。两端对齐
@mixin flex_ss() {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

// 弹性布局 垂直向上。两端向上对齐
@mixin flex_sfs() {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

// 弹性布局 垂直居中。两端向上对齐
@mixin flex_sfc() {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

// 弹性布局 垂直水平居中
@mixin flex_cc() {
    display: flex;
    justify-content: center;
    align-items: center;
}

// 隐藏滚动条
@mixin hideScrollLine() {
    &::-webkit-scrollbar {
        display: none;
    }
}

// 颜色、字号、行高
@mixin font($color, $fontSise, $lineHeight) {
    color: $color;
    font-size: $fontSise + px;
    line-height: $lineHeight + px;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC",
        "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei",
        sans-serif;
    font-weight: normal;
}

// 颜色、字号、行高 rubik字体（多用于数字，这里没有引入字体包，其实是没有效果的）
@mixin rubik_font($color, $fontSise, $lineHeight) {
    color: $color;
    font-size: $fontSise + px;
    line-height: $lineHeight + px;
    font-family: Rubik-Regular, Rubik;
    font-weight: normal;
}

//省略一行
@mixin text_1() {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
}

//省略二行
@mixin text_2() {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
}

//省略三行
@mixin text_3() {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}

//省略四行
@mixin text_4() {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-all;
}

//省略四行
@mixin text_5() {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    word-break: break-all;
}
